<template>
    <div class="cdetail">
         <div class="cd_title">
            <router-link to="/tide"><van-icon name="arrow-left"/></router-link>
            <h3>天天领券</h3>
        </div>
        <div class="cd_img_box">
            <img src="/tide/fashion_coupon/1.jpg" alt="">
        </div>
        <div class="coupon_box">
            <img src="/tide/fashion_coupon/2.jpg">
            <img :src="`/tide/fashion_coupon/coupon_${i+1}.jpg`" v-for="(v,i) in 6" :key="i" class="coupon_img">
            <img src="/tide/fashion_coupon/3.png">
        </div>
    </div>
   
</template>

<script>
export default {

}
</script>

<style scoped>
    /* .cdetail{
        width: 95%;
        margin: auto;
    } */
    .cdetail .cd_title{
        width: 95%;
        margin: auto;
        height: 0.38rem;
        line-height: 0.38rem;
        /* background-color: cadetblue; */
        position: relative;
        text-align: center;
    }
    .van-icon{
        width: 0.2rem;
        height: 0.2rem;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .cdetail .cd_title h3{
        font-size: 0.16rem;
        font-weight: normal;
    }
    .cdetail .cd_img_box{
        width: 100%;
    }
    .cdetail .cd_img_box img{
        width: 100%;
    }
    .cdetail .coupon_box{
        width:95%;
        margin: auto;
        background-color: #fff5eb;
    }
    .cdetail .coupon_box img{
        width: 100%;
    }
    .cdetail .coupon_box .coupon_img{
        margin-bottom: 0.1rem;
    }
</style>